<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/metro/easyui.css"/>
<link rel="stylesheet" href="static/easyui/themes/icon.css"/>
<!-- 用户详情css -->
<link rel="stylesheet"  type="text/css" href="static/css/User.css"/>

<title>用户管理</title>

</head>
<body>
<script type="text/javascript">
$(function(){
	//用户表格
	 $('#user').datagrid({
	    url:'',
	   /*  pagination:true,
	    pageNumber:6,
	    pageSize:1,
	    pageList:[1,2,3,4,5,6], */
	    columns:[[   
	    	{field:'check',checkbox:true},
	        {field:'code',title:'编号',width:194,},    
	        {field:'name',title:'姓名',width:163},    
	        {field:'price',title:'密码',width:163,}, 
	        {field:'Registration time',title:'注册时间',width:261,}, 
	        {field:'Role number',title:'角色',width:161,}, 
	        {field:'User details',title:'操作',width:181,},
	    ]]       
	});
	
	//用户详情表格
	/*  $('#userxq').datagrid({
	    url:'',
	    columns:[[   
	        {field:'User number',title:'编号',width:100,heihgt:100},    
	        {field:'User gender',title:'性别',width:100,},    
	        {field:'User ID char',title:'身份证',width:150,}, 
	        {field:'User User Mobile Number',title:'手机号',width:100,}, 
	        {field:'Home address',title:'家庭地址',width:150,}, 
	        {field:'User head',title:'头像',width:100,},
	    ]]       
	}); */
	
	
}) ; 



 //用户详情按钮点击事件
function userdetails(target){
	 $('#win').window('open');
}
 
//用户新怎按钮点击事件
function userinsert(target){
	 $('#quanxian-adduser').window('open');
}
 
function qq(value,name){ 
	alert(value+":"+name) 
	} 
	
	
</script>
<div class="maxbox easyui-panel"  data-options="fit:true" style="border:1px solid #F3F3F4;">
   <!--    <div class="topbox" data-options="fit:true" style="margin-left: 38%">用户管理</div>  -->
      <fieldset style="border:1px solid #A6A6A6;border-radius:6px;width:1050px;margin:0 auto;margin-top:20px;margin-bottom:20px;">
 	            <legend style="font-size:17px;">用户管理</legend>
       <div style="margin-top: 18px;margin-left: 28px;">
          <input id="ss" class="easyui-searchbox" style="width:200px" data-options="searcher:qq,prompt:'请输入搜索的内容'"></input> 
		</div>
      <br>	
     <div>
       <table id="user" class="easyui-datagrid" data-options="fitColumns:false,singleSelect:false,width:1156">
		    <tbody>
				<tr id="rd">
				   	<td></td>
		    		<td>2018001</td>
		    		<td>PDD</td>
		    		<td>123456</td>
		    		<td>2018-12-16</td>
		    		<td>2018001</td>
		    		<td><a id="btn"  class="easyui-linkbutton" onclick="userdetails(this)">用户详情</a></td>
		    	</tr>
		    	<tr id="rd">
				   	<td></td>
		    		<td>2018001</td>
		    		<td>PDD</td>
		    		<td>123456</td>
		    		<td>2018.12.16</td>
		    		<td>2018001</td>
		    		<td><a id="btn"  class="easyui-linkbutton" onclick="userdetails(this)">用户详情</a></td>
		    	</tr>
		    	<tr id="rd">
				   	<td></td>
		    		<td>2018001</td>
		    		<td>PDD</td>
		    		<td>123456</td>
		    		<td>2018.12.16</td>
		    		<td>2018001</td>
		    		<td><a id="btn"  class="easyui-linkbutton" onclick="userdetails(this)">用户详情</a></td>
		    	</tr>
			</tbody>
	 	 </table>
	 </div>
	 <div class="button" style="float: right;margin-bottom: 15px;margin-top: 18px;">
    	<a id="tianjia" class="easyui-linkbutton" data-options="iconCls:'icon-add'" onclick="userinsert(this)">添加</a> 
        <!-- <a id="btn" class="easyui-linkbutton" data-options="iconCls:'icon-add'">删除</a> --> 
       
     </div>	 
     
     <!-- 用户详情 -->
	     <div id="win" class="easyui-window" title="用户详情" style="width:815px;height:400px"   
       		 data-options="iconCls:'icon-user',modal:true,resizable:false, minimizable:false,maximizable:false,shadow:true,collapsible:false,closed:true,zIndex:300" >   
               <table border="1" cellspacing="0" width="801px">
                  <thead>
                  	<tr>
                  	     <th>编号</th>
                  	     <th>性别</th>
                  	     <th>身份证</th>
                  	     <th>电话号码</th>
                  	     <th>家庭住址</th>                  	        
                  	     <th>头像</th>
                  	</tr>
                  </thead>
                  <tbody>
                  	<tr>
		   				<td>2018001</td>
			    		<td>女</td>
			    		<td>430281199902015827</td>
			    		<td>13877821496</td>
			    		<td>湖南省株洲市茶陵县</td>
		    			<td><img alt="" src="static/imgs/qwdqw.jpg" width="50px" height="50px" style=""></td>
		    		</tr>
                  </tbody>
               </table>
		</div>
		
 	  </fieldset>
		<!-- 用户新增 -->
	   <div id="quanxian-adduser" align="center" class="easyui-window" title="新增用户" style="width:400px;height:300px;padding-top: 20px;"  data-options="iconCls:'icon-save',modal:true,
	   resizable:false, minimizable:false,maximizable:false,shadow:true,collapsible:false,closed:true,zIndex:300">   
 	          
 	            <form id="ff" method="post"> 
 	               
				    <div style="margin-top: 30px;margin-bottom: 10px">   
				        <label for="name" style="font-size:16px;">姓名：</label>   
				        <input class="easyui-textbox" type="text" name="name" data-options="prompt:'请输入姓名',height:28"/>   
				    </div>
				    <div style="margin-bottom: 10px;margin-top:20px;">   				      
				        <label for="password"  style="font-size:16px;">密码：</label>   
				        <input class="easyui-passwordbox" type="text" name="pwd" data-options="prompt:'请输入密码',
				        revealed:true,showEye:false,height:28"/>   
				    </div> 
				     <div style="margin-bottom: 10px;margin-top:20px;">   				      
				        <label for="jiaose"  style="font-size:16px;">角色：</label>   
				        <input class="easyui-textbox" type="text" name="jiaose" data-options="prompt:'请输入角色',
				        revealed:true,showEye:false,height:28"/>   
				    </div>   
				    <a style="margin-top:25px;" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">新增</a>
				</form>
		</div>  
</div>

</body>
</html>